<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/flexible.js"></script>

</head>

<body>
    <!--  ***头部***  -->
    <div class="dingbu">
        <ul>
            <li></li>
            <li class="biaoti">奈商城</li>
            <li class="gong-neng">
                <img src="./img/椭圆 2.png" id="tu-zuo">
                <img src="./img/矩形 2.png" id="tu-zhong">
                <img src="./img/椭圆 1.png" id="tu-you"></li>
        </ul>
    </div>
    <!--  ***头部--结束***  -->

    <!-- 搜索 -->
    <div class="sou">
        <div class="sou-zuo">
            <img src="./img/搜索.png" id="fang-da">
            <input type="text" placeholder="输入您要搜索的宝贝..">
        </div>
        <div class="sou-you">
            <img src="./img/xiaoxi.png" alt="">
        </div>
    </div>
    <!-- banner -->
    <div class="lunbu">
        <img src="./img/banner.png" alt="">
    </div>
    <!-- banner -->

    <div class="zhong">
        <ul>
            <li><img src="./img/feizi.png" alt="">
                <p>菲茨</p>
            </li>
            <li><img src="./img/口红.png" alt="" id="ko-hong">
                <p>克奈圃</p>
            </li>
            <li><img src="./img/tou.png" alt="">
                <p>服装</p>
            </li>
            <li><img src="./img/ya.png" alt="">
                <p>其他</p>
            </li>
        </ul>
    </div>
    <div class="qwe"></div>

    <!-- 精选推荐 -->
    <div class="jinxuan">
        <span>精选推荐</span>
    </div>

    <div class="shang-pin">
        <div class="xinpin-shang">
            <img src="./img/图层 10.png" alt="">
            <img src="./img/图层 11.png" alt="">
        </div>
        <div class="xia">
            <div class="xia-zuo">
                莫次有机PWE活性美白洗面奶
                <span>￥169</span>
                <del class="aaa">￥220</del>
            </div>
            <div class="xia-you">
                莫次有机PWE活性美白嫩肤露
                <span>￥169</span>
                <del class="aaa">￥220</del>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="dibu">
        <ul>
            <li><img src="./img/首页-选中.png" alt="">
                <p class="shouye">首页</p>
            </li>
            <li><img src="./img/购物车.png" alt="">
                <p>购物车</p>
            </li>
            <li><img src="./img/我的.png" alt="">
                <p>我的</p>
            </li>
        </ul>
    </div>
</body>

</html>